<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
body{margin:0;padding:0;overflow-x:hidden;}
html, body{height:100%;}
img{border:none;}
*{font-family:'微软雅黑';font-size:12px;color:#626262;}
dl,dt,dd{display:block;margin:0;}
a{text-decoration:none;}

.meny{width:100%;height:100%;margin:auto;}
.leftsidebar_box{width:160px;height:auto !important;overflow:visible !important;position:fixed;height:100% !important;background-color:#222;}
.line{height:2px;width:100%;background-image:url(images/line_bg.png);background-repeat:repeat-x;}
.leftsidebar_box dt{padding-left:40px;padding-right:10px;background-repeat:no-repeat;background-position:10px center;color:#f5f5f5;font-size:14px;position:relative;line-height:48px;cursor:pointer;}
.leftsidebar_box dd{background-color:#222;padding-left:40px;}
.leftsidebar_box dd a{color:#f5f5f5;line-height:20px;}
.leftsidebar_box dt img{position:absolute;right:10px;top:20px;}
.system_log dt{background-image:url(images/system.png)}
.custom dt{background-image:url(images/custom.png)}
.channel dt{background-image:url(images/channel.png)}
.app dt{background-image:url(images/app.png)}
.cloud dt{background-image:url(images/cloud.png)}
.syetem_management dt{background-image:url(images/syetem_management.png)}
.source dt{background-image:url(images/source.png)}
.statistics dt{background-image:url(images/statistics.png)}
.leftsidebar_box dl dd:last-child{padding-bottom:10px;}
</style>
<script language="javascript" src="<%=request.getContextPath()%>/js/jquery-1.7.2.js"></script>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<link rel="stylesheet" href="css/index.css">
<title>Insert title here</title>  


<body>  
<!-- 代码部分begin -->
<div class="meny">
  <div class="leftsidebar_box">
    <div class="line"></div>
    <dl class="system_log">
      <dt>系统记录<img src="images/select_xl01.png"></dt>
      <dd class="first_dd"><a href="#">充值记录</a></dd>
      <dd><a href="#">短信充值记录</a></dd>
      <dd><a href="#">消费记录</a></dd>
      <dd><a href="#">操作记录</a></dd>
    </dl>
    <dl class="custom">
      <dt>客户管理<img src="images/select_xl01.png"></dt>
      <dd class="first_dd"><a href="#">客户管理</a></dd>
      <dd><a href="#">试用/成交客户管理</a></dd>
      <dd><a href="#">未成交客户管理</a></dd>
      <dd><a href="#">即将到期客户管理</a></dd>
    </dl>
    <dl class="channel">
      <dt>渠道管理<img src="images/select_xl01.png"></dt>
      <dd class="first_dd"><a href="#">渠道主页</a></dd>
      <dd><a href="#">渠道标准管理</a></dd>
      <dd><a href="#">系统通知</a></dd>
      <dd><a href="#">渠道商管理</a></dd>
      <dd><a href="#">渠道商链接</a></dd>
    </dl>
    <dl class="app">
      <dt>APP管理<img src="images/select_xl01.png"></dt>
      <dd class="first_dd"><a href="#">App运营商管理</a></dd>
      <dd><a href="#">开放接口管理</a></dd>
      <dd><a href="#">接口类型管理</a></dd>
    </dl>
    <dl class="cloud">
      <dt>大数据云平台<img src="images/select_xl01.png"></dt>
      <dd class="first_dd"><a href="#">平台运营商管理</a></dd>
    </dl>
    <dl class="syetem_management">
      <dt>系统管理<img src="images/select_xl01.png"></dt>
      <dd class="first_dd"><a href="#">后台用户管理</a></dd>
      <dd><a href="/ADVideoManager/login_info.do" target="mainFrame">角色管理</a></dd>
      <dd><a href="#">客户类型管理</a></dd>
      <dd><a href="#">栏目管理</a></dd>
      <dd><a href="#">微官网模板组管理</a></dd>
      <dd><a href="#">商城模板管理</a></dd>
      <dd><a href="#">微功能管理</a></dd>
      <dd><a href="#">修改用户密码</a></dd>
    </dl>
    <dl class="source">
      <dt>素材库管理<img src="images/select_xl01.png"></dt>
      <dd class="first_dd"><a href="/ADVideoManager/adinfo.do" target="mainFrame">视频库</a></dd>
      <dd><a href="/ADVideoManager/upload_index.do" target="mainFrame">上传文件</a></dd>
      <dd><a href="#">推广管理</a></dd>
    </dl>
    <dl class="statistics">
      <dt>统计分析<img src="images/select_xl01.png"></dt>
      <dd class="first_dd"><a href="#">客户统计</a></dd>
    </dl>
  </div>
</div>

<!-- 代码部分end -->

<div class="meny-arrow"></div>
<div class="contents">
<iframe name="mainFrame" width="100%" height="100%"> </iframe>
 
</div>
    <script src="<%=request.getContextPath()%>/js/meny.min.js"></script>
<script>
	var meny = Meny.create({
		menuElement: document.querySelector( '.meny' ),
		contentsElement: document.querySelector( '.contents' ),
		position: Meny.getQuery().p || 'left',
		height: 200,
		width: 260,
		threshold: 40,
		mouse: true,
		touch: true
	});
	if( Meny.getQuery().u && Meny.getQuery().u.match( /^http/gi ) ) {
		var contents = document.querySelector( '.contents' );
		contents.style.padding = '0px';
		contents.innerHTML = '<div class="cover"></div><iframe src="'+ Meny.getQuery().u +'" style="width: 100%; height: 100%; border: 0; position: absolute;"></iframe>';
	}
	$(function(){
		$(".leftsidebar_box dt").css({"background-color":"#222"});
		$(".leftsidebar_box dt img").attr("src","images/select_xl01.png");
		$(".leftsidebar_box dd").hide();
		$(".leftsidebar_box dt").click(function(){
			$(".leftsidebar_box dt").css({"background-color":"#222"})
			$(this).css({"background-color": "#222"});
			$(this).parent().find('dd').removeClass("menu_chioce");
			$(".leftsidebar_box dt img").attr("src","images/select_xl01.png");
			$(this).parent().find('img').attr("src","images/select_xl.png");
			$(".menu_chioce").slideUp(); 
			$(this).parent().find('dd').slideToggle();
			$(this).parent().find('dd').addClass("menu_chioce");
		});
	})
</script>
    
</body>  
</html>